<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>首页</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/indexMedia.css">
    </head>
    <body>
      
        <div class="container">
            <header>
                <div class="logo flex">
                    <a href="index.html" class="pic"><img src="img/common/logo.png" alt="logo"></a>
                    <a class="txt" href="">
                        <span>
                            我们的
                            <br>项目
                        </span>
                        <p class="bg"></p>
                    </a>
                </div>
                <div class="menuBtn cursor flex flex-align-items flex-justify-content">
                    <div class="btn">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="t">
                        <span>菜单</span>
                        <span>关闭</span>
                    </div>
                    <div class="bg"></div>
                </div>
                <div class="menu">
                    <a href="index.html"><img src="img/common/logo.png" alt="logo"></a>
                    <ul class="flex flex-align-items flex-justify-content">
                        <li>
                            <p class="lbl"></p>
                            <div class="rht">
                                
                            </div>
                            <div class="box">
                                <div class="ttl">
                                    项目
                                    <p class="sonMenu">
                                        <a href="case.html">项目名称1</a>
                                        <a href="case.html">项目名称2</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">
                                    关于我们
                                    <p class="sonMenu">
                                        <a href="about.html?scrlInd=1">我们的简介</a>
                                        <a href="history.html">我们的历史</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl"><a href="weDo.html">服务范围</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <div class="ttl">制作过程</div>
                            </div>
                        </li>
                        <li>
                            <div class="box">
                                <a class="ttl" href="contact.html">联系我们</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>
            <main>
                <section class="cutPics switch">
                    <div class="palace">
                        <div class="lft">
                            <div class="box"><img class="obj-c" src="img/index/pic1.jpg" alt="项目图"></div>
                            <div class="box"><img class="obj-c" src="img/index/pic2.jpg" alt="项目图"></div>
                            <div class="box"><img class="obj-c" src="img/index/pic3.jpg" alt="项目图"></div>
                        </div>
                        <div class="rht">
                            <div class="box"><img class="obj-c" src="img/index/pic1.jpg" alt="项目图"></div>
                            <div class="box"><img class="obj-c" src="img/index/pic2.jpg" alt="项目图"></div>
                            <div class="box"><img class="obj-c" src="img/index/pic3.jpg" alt="项目图"></div>
                        </div>
                    </div>
                    <div class="ttls">
                        <div class="box">
                            <div class="no">
                                <p>01</p>
                            </div>
                            <div class="desc">
                                <p>
                                    穿石科技<br>
                                    酒店
                                </p>
                            </div>
                            <span>浙江·宁波</span>
                        </div>
                        <div class="box">
                            <div class="no">
                                <p>02</p>
                            </div>
                            <div class="desc">
                                <p>
                                    穿石科技<br>
                                    酒店
                                </p>
                            </div>
                            <span>浙江·宁波</span>
                        </div>
                        <div class="box">
                            <div class="no">
                                <p>03</p>
                            </div>
                            <div class="desc">
                                <p>
                                    穿石科技<br>
                                    酒店
                                </p>
                            </div>
                            <span>浙江·宁波</span>
                        </div>
                    </div>
                    <nav class="loc flex">
                        <div class="atPresent">01</div>
                        <ul>
                            <li>
                                <i></i>
                                <div class="preview">
                                    <img src="img/index/pic1.jpg" class="obj-c" alt="项目预览图">
                                </div>
                            </li>
                            <li>
                                <i></i>
                                <div class="preview">
                                    <img src="img/index/pic2.jpg" class="obj-c" alt="项目预览图">
                                </div>
                            </li>
                            <li>
                                <i></i>
                                <div class="preview">
                                    <img src="img/index/pic3.jpg" class="obj-c" alt="项目预览图">
                                </div>
                            </li>
                        </ul>
                    </nav>
                    <div class="sNext cursor">
                        <p class="r flex flex-align-items flex-justify-content">
                            <span></span>
                            <span></span>
                            <span></span>
                        </p>
                        <img src="img/common/arrow.png" class="arr" alt="箭头">
                        <p class="t">服务范围</p>
                    </div>
                </section>
                <section class="about switch ready">
                    <div class="contn">
                        <div class="txt">
                            <p class="ttl">公司</p>
                            <div class="tip">
                                <p class="b">多年</p>
                                <p class="b">经验</p>
                                <p>我们的成功</p>
                                <p>不是秘密。</p>
                            </div>
                            <a href="about.html">
                                <span>关于我们</span>
                            </a>
                        </div>
                        <div class="num">02</div>
                        <div class="border">
                            <p class="ttl">
                                多年<br>
                                经验
                            </p>
                            <p class="no">10</p>
                            <i class="hor tp"></i>
                            <i class="ver rht"></i>
                            <i class="hor btm"></i>
                            <i class="ver lft"></i>
                        </div>
                        <div class="pic">
                            <p class="details">餐厅,浙江,宁波</p>
                            <div class="picBox">
                                <img src="img/index/s2Pic.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="weDo switch ready">
                    <div class="contn">
                        <div class="txt">
                            <p class="ttl">我们做什么</p>                           
                            <div class="tip">
                                <p class="b">我们专注</p>
                                <p class="b">在设计中</p>
                                <p class="b">和家具生产</p>
                                <p class="b">车身和室内装饰</p>
                                <p>对于国内收件人</p>
                                <p>以及国际品牌</p>
                            </div>
                            <ul>
                                <li><span>01</span>活动领域</li>
                                <li><span>02</span>服务范围</li>
                                <li><span>03</span>行业</li>
                                <li><span>04</span>分类</li>
                            </ul>
                            <a href="weDo.html">
                                <span>我们做什么</span>
                            </a>
                        </div>
                        <div class="num">03</div>
                        <div class="border">
                            <p class="ttl">
                                数名<br>
                                员工
                            </p>
                            <p class="no">40</p>
                            <i class="hor tp"></i>
                            <i class="ver rht"></i>
                            <i class="hor btm"></i>
                            <i class="ver lft"></i>
                        </div>
                        <div class="pic">
                            <div class="picBox">
                                <img src="img/index/s3Pic1.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                        <div class="pic">
                            <div class="picBox">
                                <img src="img/index/s3Pic2.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="process switch ready">
                    <div class="contn">
                        <div class="txt">
                            <p class="ttl">诀窍</p>
                            <div class="tip">
                                <p class="b">现代工厂和</p>
                                <p class="b">最好的团队</p>
                                <p class="b">专家</p>
                                <p>让我们处理</p>
                                <p>每个订单</p>
                            </div>
                            <a href="javascript:;" style="display: none;">
                                <span>生产过程</span>
                            </a>
                        </div>
                        <div class="num">04</div>
                        <div class="pic">
                            <div class="picBox">
                                <p class="details">穿石科技工作室</p>
                                <img src="img/index/s4Pic1.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                        <div class="pic">
                            <div class="picBox">
                                <img src="img/index/s4Pic2.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="consult switch ready">
                    <div class="contn">
                        <div class="txt">
                            <p class="ttl">参考</p>
                            <div class="tip">
                                <p class="b">广泛的产品组合</p>
                                <p class="b">客户</p>
                                <p>和实施</p>
                                <p>在四大洲。</p>
                            </div>
                            <a href="about.html">
                                <span>联系我们</span>
                            </a>
                        </div>
                        <div class="num">05</div>
                        <div class="border">
                            <p class="ttl">实施数量</p>
                            <p class="no">500</p>
                            <i class="hor tp"></i>
                            <i class="ver rht"></i>
                            <i class="hor btm"></i>
                            <i class="ver lft"></i>
                        </div>
                        <div class="pic">
                            <div class="picBox">
                                <img src="img/index/s5Pic.jpg" class="obj-c" alt="插图">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="projects switch ready">
                    <div class="contn">
                        <nav class="flex flex-align-items">
                            <div class="ttl">
                                <p>我们的项目</p>
                            </div>
                            <div class="choose">
                                <ul>
                                    <li><p data-categories="all">全部</p></li>
                                    <li><p data-categories="restaurant">餐饮行业</p></li>
                                    <li><p data-categories="hotel">酒店</p></li>
                                    <li><p data-categories="bar">酒吧</p></li>
                                </ul>
                            </div>
                        </nav>
                        <div class="swiper">
                            <div class="swiper-container prjctSwiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pic3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories='restaurant'>穿石餐厅</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr2.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="hotel">穿石酒店</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="bar">穿石酒吧</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pic3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories='restaurant'>穿石餐厅</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr2.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="hotel">穿石酒店</p>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="box">
                                            <p class="pic">
                                                <img src="img/index/pr3.jpg" class="obj-c" alt="">
                                            </p>
                                            <p class="name" data-categories="bar">穿石酒吧</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="btn cursor prev">
                            <span>上一个</span>
                        </p>
                        <p class="btn cursor next">
                            <span>下一个</span>
                        </p>
                    </div>
                </section>
                <p class="scale">
                    <span class="fill"><img src="img/index/pr1.jpg" class="obj-c"></span>
                </p>
            </main>
            <div class="loading fill">
                <img src="img/index/load.jpg" class="obj-c">
                <p class="line"></p>
                <div class="hvc txt">
                    <img src="img/common/logo1.png">
                    <p>我们相信</p>
                    <p>创造内饰</p>
                    <p>是一个组合</p>
                    <p>艺术、时尚和工程</p>
                    <p>谁的基本使命是</p>
                    <p>交流想法。</p>
                </div>
                <div class="blks fill">
                    <p class="hvc"></p>
                    <p class="hvc"></p>
                    <p class="hvc"></p>
                </div>
            </div>
            <footer>
                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                <p>技术支持：穿石科技</p>
            </footer>
            <div class="btmLft">
                <div class="sNext cursor">
                    <p class="r flex flex-align-items flex-justify-content">
                        <span></span>
                        <span></span>
                        <span></span>
                    </p>
                    <p class="t">滚动</p>
                </div>
                <nav class="loc flex">
                    <div class="atPresent">01</div>
                    <ul>
                        <li><i></i></li>
                        <li><i></i></li>
                        <li><i></i></li>
                        <li><i></i></li>
                        <li><i></i></li>
                        <li><i></i></li>
                    </ul>
                </nav>
            </div>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>